<template>
  <div id="map" style="width: 100%; height: 400px;"></div>
</template>

<script>
export default {
  name: 'BaiduMap',
  mounted() {
    this.initMap();
  },
  methods: {
    initMap() {
      // 创建地图实例
      const map = new BMap.Map("map");

      // 创建中心点
      const point = new BMap.Point(116.404, 39.915); // 北京市中心

      // 设置地图中心点和缩放级别
      map.centerAndZoom(point, 15);

      // 添加控件
      map.addControl(new BMap.NavigationControl());
      map.addControl(new BMap.ScaleControl());

      // 添加标记
      const marker = new BMap.Marker(point);
      map.addOverlay(marker);
    }
  }
};
</script>

<style>
/* 添加样式 (如果需要) */
</style>
